<!-- @format -->

<template>
	<div id="nav">
		<router-link to="/" v-for="i in item" :key="i">Home</router-link>
		|
		<router-link to="/about">About</router-link>
	</div>
	<router-view />
</template>

<script>
	function ab() {
		return a();
	}

	const a = function () {};
</script>

<style>
	#app {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
	}

	#nav {
		padding: 30px;
	}

	#nav a {
		font-weight: bold;
		color: #2c3e50;
	}

	#nav a.router-link-exact-active {
		color: #42b983;
	}
</style>
